<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="lib/vue.js"></script>
</head>
<body>
<div id="root" >
  <a :href="src | href" target="_blank">111</a>
</div>
<div id="box">
  <a :href="src | href" target="_blank">222</a>
</div>
</body>
<script>
  Vue.filter('href',(v)=>{
    return 'http://' + v + '.com'
  })
  new Vue({
    el:"#root",
    data:{
      src:'baidu'
    },
    filters:{
      currency(v,type="￥",len=2){
        return type+(v/1).toFixed(len);
      },
      slice(v){
        return v.slice(0,4);
      },
      date(v){
        const time = new Date(v);
        return time.getFullYear()+"-"+
                (time.getMonth()+1).toString().padStart(2,0)+"-"+
                time.getDate().toString().padStart(2,0)+" "+
                time.getHours().toString().padStart(2,0)+":"+
                time.getMinutes().toString().padStart(2,0)+":"+
                time.getSeconds().toString().padStart(2,0);
      },
    }
  });

  new Vue({
    el:'#box',
    data:{
      src:'jd'
    }
  })
</script>
</html>